html,input,img,a,ul,li,ol,dl,dt,dd,button,p{border:none;margin:0;padding:0;list-style:none;text-decoration: none;}
body{
    background: #F0F0F0;font-family: Microsoft Yahei, "Helvetica Neue", Helvetica,Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}
.all{margin:0;padding:0;margin-top:4%;}

/* left */
.icon{/*border:1px solid #000;*/margin-top:5px;position:absolute;left:4%;}

/* 垂直线 */
.hr1
{
    width:1px;height:130px;background:#ccc;position:relative;top:-18px;
}

.hr2
{
    width:1px;height:130px;background:#ccc;position:relative;top:-18px;
}

/* 标题字体 */
h4
{
    position:relative;left:0;
    margin:0 0 10px -14px;
}
/* 序列号 */
span{
    border:1px solid #000;border-radius: 50%;width:22.4px;height:22.4px;
    text-align: center;line-height:22.4px;
    display:inline-block;
}
ul
{
    font-size:12px;
    margin:-6px 0 10px -14px;
}

@media screen and (min-width: 320px)
{
    /* left */
    /* 蓝色圆点 */
    .round
    {
        width:14px;height:14px;background:#00ccff;border-radius:100%;
        display: block;/* (块级元素默认值，该元素具备前后换行) */
    }
    .round-margintow/* 圆点2 */
    {
        position:absolute;top:110px;
        z-index: 10;
    }
    .round-marginthree /* 圆点3 */
    {
        position:absolute;top:230px;
    }
    .hr1
    {
        width:1px;height:90px;background:#ccc;position:relative;top:-18px;
    }

    .hr2
    {
        width:1px;height:100px;background:#ccc;position:relative;top:-18px;
    }

    /* right */
    .right
    {
        position:absolute;
        line-height:170%;
        left:13%;
        margin-top:1%;
        font-size:14px;
        /*border:1px solid #c0a16b;*/
    }
    /* 每个div */
    .content-right
    {
        margin-top:5%
    }

    /* 序号 */
    span
    {
        border:1px solid #000;border-radius: 50%;width:14px;height:14px;
        text-align: center;line-height:12px;
        display:inline-block;
    }

    /* 提现须知 content-withdrawalNotice */
    .content-withdrawalNotice ul li
    {
        font-size: 13px;
        font-weight: bold;
    }
}
@media screen and (min-width: 360px)
{
    /* left */
    /* 蓝色圆点 */
    .round
    {
        width:14px;height:14px;background-color:#00ccff;border-radius:100%;border:1px solid #fff;
        display: block;/* (块级元素默认值，该元素具备前后换行) */
    }
    .round-margintow/* 圆点2 */
    {
        position:absolute;top:124px;
        z-index: 10;
        background-color: #ccc;
    }
    .round-marginthree /* 圆点3 */
    {
        position:absolute;top:250px;
        background-color: #ccc;
    }
    .hr1
    {
        width:1px;height:104px;background:#ccc;position:relative;top:-18px;
    }

    .hr2
    {
        width:1px;height:104px;background:#ccc;position:relative;top:-18px;
    }
    /* right */
    .right
    {
        position:absolute;
        left:14%;
        line-height:130%;
        font-size:20px;
    }
    /* 每个div */
    .content-right
    {
        margin-top:7%
    }
    /* 第三个div content-withdrawalNotice */
    .content-withdrawalNotice
    {
        margin-top:8%;
    }
}
@media screen and (min-width: 411px)
{
    /* 每个div */
    .content-right
    {
        margin-top:6%
    }
    /* 第三个div content-withdrawalNotice */
    .content-withdrawalNotice
    {
        margin-top:8.2%;
    }
}
@media screen and (min-width: 600px)
{
    /* right */
    .right
    {
        position:absolute;
        left:10%;
        font-size: 2rem;
    }
    /* 每个div */
    .content-right
    {
        margin-top:4%;
    }
    /* 第三个div content-withdrawalNotice */
    .content-withdrawalNotice
    {
        margin-top:4%;
    }
}
@media screen and (min-width: 768px)
{
    /* right */
    .right
    {
        position:absolute;
        left:10%;
        font-size: 2rem;
    }
    /* 每个div */
    .content-right
    {
        margin-top:2%;
    }
    /* 第三个div content-withdrawalNotice */
    .content-withdrawalNotice
    {
        margin-top:4%;
    }
}
